<script setup lang="ts">
import {ref} from "vue"

//ref函数，用于创建响应式数据
let num=ref(1)
let weather=ref("晴天")
function changeWeather(){
  //ref函数声明的响应式数据是一个对象，修改ref函数声明的响应式数据的值，需要用.value属性修改
  weather.value=="晴天" ? weather.value="阴天":weather.value="晴天"
}
</script>

<template>
  <div @click="num++">{{ num }}</div>
  <div>{{ weather}}</div>
  <button @click="changeWeather">点击修改天气</button>
</template>

<style scoped>

</style>
